/* 这个文件放置博客列表页的样式 */
html,body{
    background-image: url(../image/list.png);
    }
    .blog{
        width: 100%;
        padding: 20px;
    }
    .blog .title{
        text-align: center;
        font-weight: 900;
        font-family: '微软雅黑';
        color: black;
        font-size: 20px;
        padding: 10px 0;
    }
    .blog .date{
        text-align: center;
        color: rgb(50, 50, 50);
        padding: 0 0 5px 0;
    }
    .right .search{
        width: 88%;
        line-height: 40px;
        border-radius: 10px;
        font-size: 25px;
        border: none;
        outline: none;
        padding: 0 10px 0 0;
        font-family: '微软雅黑';
    }
    .blog .mess{
        font-size: 15px;
        font-family: '宋体';
        font-weight: 400;
        font-style: italic;
        color: rgb(253,104,66);
        text-decoration: underline;
    }
    .right .queryWord{
        width: 70%;
        height: 40px;
        font-size: 26px;
    }
    .right .sub{
        width: 11%;
        height: 40px;
        color: rgb(18,14,17);
        font-size: 26px;
        background-color: rgb(186,238,245);
        border: none;
        border-radius: 10px;
    }
    .blog .desc{
        font-size: 15px;
        text-indent: 30px;
        padding: 15px 15px 15px 15px;
    }
    .blog .detail{
        display: block;
        width: 150px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        /* 设置按钮水平居中 */
        margin: 0 auto;
        /* 设置边框 */
        border: 2px solid black;
        /* 修改文字颜色 */
        color: black;
        /* 去掉下划线 */
        text-decoration: none;
        background-color: rgba(9, 113, 160,0.3);
        /* 添加一个页面过渡效果 */
        transition: 0.5s;
    }
    /* 鼠标悬停 */
    .blog .detail:hover{
        background-color: rgba(255,255,255,0.3);
        color: pink;
    }
    .spacer{
        width: 1600px;
        width: 1650px;
        font-size: 25px;
        font-family: '微软雅黑';
        font-weight: 800;
        font-style: italic;
        color: rgb(156, 78, 50);
        text-align: center;
    }